@tailwind base;
@tailwind components;
@tailwind utilities;

html,body {
    padding: 0;
    margin: 0;
    height: 100%;
}

#__next {
    height: 100%;
}
.config-center-app {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.my-component-test {
    border: 11px solid coral;
    /* background-color: var(--nextui-primary-500); */
    background-color: hsl(var(--nextui-success));
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}